<template>

  <div>


    <van-sticky>
      <!--      <van-tabbar v-model="active" :fixed="fixed">-->
      <van-search v-model="value" placeholder="请输入搜索关键词" style="margin: 0 auto"/>
      <!--      </van-tabbar>-->

    </van-sticky>


    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o">首页</van-tabbar-item>
      <van-tabbar-item icon="wap-nav">分类</van-tabbar-item>
      <van-tabbar-item icon="cart-o">购物车</van-tabbar-item>
      <van-tabbar-item icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>


    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item>1</van-swipe-item>
      <van-swipe-item>2</van-swipe-item>
      <van-swipe-item>3</van-swipe-item>
      <van-swipe-item>4</van-swipe-item>
    </van-swipe>

    <!-- 酷品秒杀 -->
    <div class="seckill-panel">





    </div>






  </div>


</template>

<script>
export default {
  data(){
    return{
      placeholder:true,
      active: 0,
      active1: 0,
      fixed:false,
      value: '',
      time: 30 * 60 * 60 * 1000,
    }
  }
}
</script>

<style scoped>
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}



</style>